		html,body{
			margin: 0;
			padding: 0;
		}
		#box{
			width: 1920px;
			height: 1080px;
			background: url(../img/newbj.png) no-repeat;
		}
		
		.plane1,.plane1a,.plane1b { 
		 	position: absolute;
		 	top: 580px;
		 	left: 760px;
		}
		.plane1{
			-webkit-animation: move1 5s linear infinite; 
		}
		.plane1a{
			-webkit-animation: move1 5s linear 1s infinite; 
		}
		.plane1b{
			-webkit-animation: move1 5s linear 2s infinite; 
		}
		@-webkit-keyframes move1 { 
		     0%  { -webkit-transform: translate(0px, 0px);}
		     10% { -webkit-transform: translate(95px, -50px);}
		     20% { -webkit-transform: translate(155px, -80px); }
		     30% { -webkit-transform: translate(215px, -100px); }
		     40% { -webkit-transform: translate(275px, -120px); } 
		     50% { -webkit-transform: translate(335px, -120px); }
		     60% { -webkit-transform: translate(395px, -100px); }
		     70% { -webkit-transform: translate(455px, -70px); }
		     80% { -webkit-transform: translate(515px, -40px); }
		     90% { -webkit-transform: translate(580px, 0px); }
		    100% {-webkit-transform: translate(600px, 10px);} 
		}
		.plane2,.plane2a,.plane2b{
			position: absolute;
			top: 585px;
		 	left: 735px;
		}
		
		.plane2{
			-webkit-animation: move2 12s linear  infinite; 
		}
		.plane2a{
			-webkit-animation: move2 12s linear 3s infinite; 
		}
		.plane2b{
			-webkit-animation: move2 12s linear 5s infinite;
		}
		
		
			
		@-webkit-keyframes move2{
			 0%  { -webkit-transform: translate(-15px, 0px);}
		     10% { -webkit-transform: translate(-75px, -55px);}
		     20% { -webkit-transform: translate(-100px, -75px); }
		     30% { -webkit-transform: translate(-125px, -95px); }
		     40% { -webkit-transform: translate(-150px, -115px); } 
		     50% { -webkit-transform: translate(-175px, -120px); }
		     60% { -webkit-transform: translate(-200px, -120px); }
		     70% { -webkit-transform: translate(-225px, -115px); }
		     80% { -webkit-transform: translate(-260px, -100px); }
		     90% { -webkit-transform: translate(-320px, -75px); }
		    100% {-webkit-transform: translate(-380px, -20px);} 
		}
		
		.plane3,.plane3a,.plane3b{
			position: absolute;
			top: 545px;
		 	left: 745px;
		}
		.plane3{
		 	-webkit-animation: move3 8s linear infinite;
		}
		.plane3a{
		 	-webkit-animation: move3 8s linear 1s infinite;
		}
		.plane3b{
		 	-webkit-animation: move3 8s linear 2s infinite;
		}
		
		@-webkit-keyframes move3{
			0%{-webkit-transform:translate(0,0) ;}
			10%{-webkit-transform: translate(0px,-10px);}
			20%{-webkit-transform:translate(-5px,-40px);}
			30%{-webkit-transform:translate(-10px,-70px);}
			40%{-webkit-transform:translate(-15px,-100px);}
			50%{-webkit-transform:translate(-20px,-70px);}
			60%{-webkit-transform:translate(-25px,-40px);}
			70%{-webkit-transform:translate(-30px,-10px);}
			80%{-webkit-transform:translate(-35px,30px);}
			90%{-webkit-transform:translate(-40px,100px);}
			100%{-webkit-transform: translate(-45px,150px);}
		}
		
		.plane4,.plane4a,.plane4b{
			position: absolute;
			top: 545px;
		 	left: 755px;
		}
		.plane4{
			-webkit-animation:move4 10s linear infinite;
		}
		.plane4a{
			-webkit-animation:move4 10s linear 1s infinite;
		}
		.plane4b{
			-webkit-animation:move4 10s linear 2s infinite;
		}
		
		@-webkit-keyframes move4{
			 0%  { -webkit-transform: translate(-10px, 0px);}
		     10% { -webkit-transform: translate(-35px, -30px);}
		     20% { -webkit-transform: translate(-60px, -60px); }
		     30% { -webkit-transform: translate(-85px, -90px); }
		     40% { -webkit-transform: translate(-110px, -110px); } 
		     50% { -webkit-transform: translate(-135px, -90px); }
		     60% { -webkit-transform: translate(-150px, -60px); }
		     70% { -webkit-transform: translate(-175px, -30px); }
		     80% { -webkit-transform: translate(-200px, 0px); }
		     90% { -webkit-transform: translate(-225px, 30px); }
		    100% {-webkit-transform: translate(-240px, 60px);} 
		}